﻿
@{
    ViewData["Title"] = "GoodSet";
    Layout = "~/Views/Shared/_Layout.cshtml";
}

<h1>商品设置</h1>
</br></br>
<form class="layui-form">
        <div class="layui-form-item" style="display:none">
            <label class="layui-form-label"><span style="color:red">*</span>商品id</label>
            <div class="layui-input-block">
                <input type="text" name="goodSetId" id="goodSetId" placeholder="商品id">
            </div>
        </div>

<div id="lop">
         <h3>现金券使用规则</h3>
              <div class="layui-form-item">
                <label class="layui-form-label">叠加规则</label>
                <div class="layui-input-block">
                    <input type="radio" name="isRules" id="isRules" value="0" title="不可叠加使用" lay-filter="radioFilter">
                    <input type="radio" name="isRules" id="isRules" value="1" title="可叠加使用" lay-filter="radioFilter">
                </div>
             </div>

              <div class="layui-form-item">
               <label class="layui-form-label">会员折扣</label>
               <div class="layui-input-block">
                  <input type="checkbox" name="isVip" id="isVip" value="可与会员折扣共享" title="可与会员折扣共享">
               </div>
             </div>

             <div class="layui-form-item">
               <label class="layui-form-label">优惠卷</label>
               <div class="layui-input-block">
                  <input type="checkbox" name="isChecp" id="isChecp" value="可与优惠卷共享" title="可与优惠卷共享">
               </div>
             </div>

</div>

<div id="lop">

        <h3>预约商品确认</h3>
            <div class="layui-form-item">
                <div class="layui-input-block">
                    <input type="radio" name="isAppShop" id="isAppShop" value="0" title="不需要，系统自动确认" lay-filter="radioFilter">
                    <input type="radio" name="isAppShop" id="isAppShop" value="1" title="需要，商家在后台确认预定，且超过15分钟后未处理取消预约" lay-filter="radioFilter">
                </div>
            </div>
        
</div>

<div id="lop">
          <h3>是否显示销量</h3>
            <div class="layui-form-item">
                <div class="layui-input-block">
                    <input type="radio" name="isShowSales" id="isShowSales" value="0" title="不显示" lay-filter="radioFilter">
                    <input type="radio" name="isShowSales" id="isShowSales" value="1" title="显示实际销量" lay-filter="radioFilter">
                    <input type="radio" name="isShowSales" id="isShowSales" value="2" title="初始销量设置后，顾客看到的销量=初始销量+实际销量+浮动值" lay-filter="radioFilter">
                </div>
            </div>

</div>

<div id="lop">
        <h3>推荐商品展示</h3>
           <div class="layui-form-item">
             <div class="layui-input-block">
                <input type="checkbox" name="goodDisplay" id="goodDisplay" value="商品详情页展示" title="支付成功页展示">
             </div>
           </div>

</div>
        <div class="layui-form-item">
            <div class="layui-input-block">
                <button id="adds"  class="layui-btn" lay-submit lay-filter="submitForm">确认</button>
            </div>
        </div>

</form>

<script>
    // layui表单提交监听
layui.use(['table', 'jquery', 'layer', 'form', 'laypage', 'element', 'util', 'laydate','upload'], function () {
    var table = layui.table;
    var $ = layui.jquery;
    var form = layui.form;
    var layer = layui.layer;
    var laypage = layui.laypage;
    var element = layui.element;
    var util = layui.util;
    var laydate = layui.laydate;
    var upload=layui.upload;
    

     GetMemberCard();
    function GetMemberCard() {
    $.ajax({
        url: 'http://localhost:5174/api/GoodSet/GetGoodSetFind',
        type: 'get',
        contentType: 'application/json',
        headers: {
            "Authorization": "Bearer " + localStorage.getItem('token')
        },
        async: true,
        success: function (data) {
            if (data && data.data) {
                $('#goodSetId').val(data.data.goodSetId);

                // 设置叠加规则单选框
                $('input[name="isRules"][value="' + data.data.isRules + '"]').prop('checked', true);
                form.render('radio');

                // 设置会员折扣复选框
                if (data.data.isVip === '可与会员折扣共享') {
                    $('#isVip').prop('checked', true);
                }
                form.render('checkbox');

                // 设置优惠券复选框
                if (data.data.isChecp === '可与优惠卷共享') {
                    $('#isChecp').prop('checked', true);
                }
                form.render('checkbox');

                // 设置预约商品确认单选框
                $('input[name="isAppShop"][value="' + data.data.isAppShop + '"]').prop('checked', true);
                form.render('radio');

                // 设置是否显示销量单选框
                $('input[name="isShowSales"][value="' + data.data.isShowSales + '"]').prop('checked', true);
                form.render('radio');

                // 设置推荐商品展示复选框
                if (data.data.goodDisplay.includes('商品详情页展示')) {
                    $('#goodDisplay').prop('checked', true);
                }
                form.render('checkbox');
            } else {
                console.error('获取的数据为空或格式不正确');
            }
        },
        error: function (xhr, status, error) {
            console.log(xhr.responseText);
        }
    });
}
 // function GetMemberCard() {
 //     $.ajax({
 //         url: 'http://localhost:5174/api/GoodSet/GetGoodSetFind',
 //         type: 'get',
 //         //data: { id: data.goodSetId },
 //         contentType: 'application/json',
 //         headers: {
 //             "Authorization": "Bearer " + localStorage.getItem('token')
 //         },
 //         async: true,
 //         success: function (data) {
 //             console.log(data);
 //             // 将数据填充到表单中
 //             document.getElementById('goodSetId').value = 1;
 //             // 设置单选框的选中状态
 //              if(data.data.isRules==1){
 //                  $('input[name="isRules"]').prop('checked', true);
 //              }
 //              else{
 //                  $('input[name="isRules"]').prop('checked', false);
 //              }

 //                // 模拟后台数据，假设 isVip 的值为 ["可与会员折扣共享"]
 //               var dikouValues = ["可与会员折扣共享"]; // 从后台获取的值
 //               // 遍历后台数据，设置复选框的选中状态
 //               layui.each(dikouValues, function(index, value){
 //                 $('input[name="isVip"][value="' + value + '"]').prop('checked', true);
 //               });
 //               // 重新渲染表单（如果需要）
 //                form.render('checkbox');

 //               // 模拟后台数据，假设 isChecp 的值为 ["可与会员折扣共享"]
 //               var dikouValues = ["可与优惠卷共享"]; // 从后台获取的值
 //               // 遍历后台数据，设置复选框的选中状态
 //               layui.each(dikouValues, function(index, value){
 //                 $('input[name="isChecp"][value="' + value + '"]').prop('checked', true);
 //               });
 //               // 重新渲染表单（如果需要）
 //                form.render('checkbox');


 //                // 设置单选框的选中状态
 //                $('input[name="isAppShop"][value="' + data.data.isAppShop + '"]').prop('checked', true);
                
 //                // 设置单选框的选中状态
 //                $('input[name="isShowSales"][value="' + data.data.isShowSales + '"]').prop('checked', true);
              
 //                // 模拟后台数据，假设 goodDisplay 的值为 ["可与会员折扣共享"]
 //               var dikouValues = ["商品详情页展示","支付成功页展示"]; // 从后台获取的值
 //               // 遍历后台数据，设置复选框的选中状态
 //               layui.each(dikouValues, function(index, value){
 //                 $('input[name="goodDisplay"][value="' + value + '"]').prop('checked', true);
 //               });
 //               // 重新渲染表单（如果需要）
 //                form.render('checkbox');

 //         },
 //         error: function (xhr, status, error) {
 //             console.log(xhr.responseText);
 //         }
 //     });
 // }


     // 表单提交事件处理
      form.on('submit(submitForm)', function(data) {
        // 在这里处理表单提交，通过 Ajax 发送数据
        $.ajax({
          url: 'http://localhost:5174/api/GoodSet/GetGoodSetUpd',
          type: 'POST',
          data: data.field,
          success: function(response) {
            // 处理成功响应
            console.log(response);
          },
          error: function(error) {
            // 处理错误
            console.error(error);
          }
        });
      });



});

</script>


<style>
    #lop {
        margin-top: 30px;
        background-color: #f1f1f1;
        border-radius: 3px;
        padding: 5px
    }
</style>